<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        .dis {
            display: none;
        }
    </style>
</head>

<body>
    <div class="d-grid gap-2 d-md-block">
        <button id="add" class="btn btn-primary" type="button">新增</button>
        <button id="delete" class="btn btn-primary" type="button">删除</button>
        <button id="edit" class="btn btn-primary" type="button">编辑</button>
        <button id="query" class="btn btn-primary" type="button">查询</button>
        <input id="num" type="text" placeholder="按工号查询">
        <input id="name" type="text" placeholder="按姓名查询">
    </div>
    <form class="row g-3 dis" id="form">
        <div class="col-md-6">
            <label for="name1" class="form-label">姓名</label>
            <input type="text" class="form-control" id="name1">
        </div>
        <div class="col-md-6">
            <label for="password" class="form-label">密码</label>
            <input type="password" class="form-control" id="password">
        </div>
        <div class="col-md-6">
            <label for="age" class="form-label">年龄</label>
            <input type="number" class="form-control" id="age" placeholder="年龄">
        </div>
        <div class="col-md-6">
            <label for="date" class="form-label">出生日期</label>
            <input type="date" class="form-control" id="date">
        </div>
        <div class="col-md-4">
            <label for="inputState" class="form-label">性别</label>
            <select id="inputState" class="form-select">
                <option selected>男</option>
                <option>女</option>
            </select>
        </div>
        <div class="col-12">
            <button type="button" class="btn btn-primary" onclick="submitForm()">完成</button>
        </div>
    </form>
    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th scope="col">序号</th>
                <th scope="col">工号</th>
                <th scope="col">姓名</th>
                <th scope="col">性别</th>
                <th scope="col">密码</th>
                <th scope="col">年龄</th>
                <th scope="col">出生日期</th>
            </tr>
        </thead>
        <tbody id="table-body">
            <!-- <tr>
            <th scope="row"><input type="checkbox"></th>
            <td>1001</td>
            <td>张三</td>
            <td>女</td>
            <td>123</td>
            <td>28</td>
            <td>1991-1-1</td>
          </tr> -->
        </tbody>
    </table>
    <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
    <script src="js/jquery-3.4.1.min.js"></script>
    <!-- jQuery获取表单元素的插件 -->
    <script src="js/jquery.from.js"></script>
    <script src="js/jquery.formHelp.js"></script>
    <!-- 包括所有已编译的插件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>